<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/detail.css">
</head>
<body>
    <div class="fixed"></div>
    <header></header>
    <div class="container">
            <div class="all">
                    <div class="navtitle">
                            <span>
                                Yuki动漫&nbsp;>&nbsp;<a href="/web/good/goodList/null/0/4/0/null/populardown/0/0/0">美妆个护</a>&nbsp;>&nbsp;<a href="/web/good/goodList/null/0/4/39/null/populardown/0/0/0">面膜面霜</a>&nbsp;>&nbsp;<a href="javascript:;">茚象泉盈采亮肤面膜保湿补水修复</a>
                            </span>
                     </div>
                     <div class="left">
                        <div class="p1">
                            <div class="mm"><img src="../images/mm.jpg"></div>
                            <div class="mm1"><img src="../images/mm1.jpg"></div>
                            <div class="mm2"><img src="../images/mm2.jpg"></div>
                            <div class="mm3"><img src="../images/mm.jpg"></div>
                            <div class="mm4"><img src="../images/mm1.jpg"></div>
                        </div>
                        <div class="show">
                            <img src="../images/mm.jpg" data-zoom-image="../images/mm.jpg" id="xigua" class="mmm">
                            <img src="../images/mm1.jpg" data-zoom-image="../images/mm1.jpg" id="daxigua" class="mmm1">
                            <img src="../images/mm2.jpg" data-zoom-image="../images/mm2.jpg" id="xiaoxigua" class="mmm2">
                            <img src="../images/mm.jpg" data-zoom-image="../images/mm3.jpg" id="piaoliangdexigua" class="mmm3">
                            <img src="../images/mm1.jpg" data-zoom-image="../images/mm4.jpg" id="nianqingdexigua" class="mmm4">
                        </div>
                        
                     </div>
                     
                     <div class="right">
                            <div style="width: 100%; text-align: left;">
                                <span class="title" style="font-size: 24px; color: #333333;">茚象泉盈采亮肤面膜保湿补水修复</span>
                            
                            </div>
                           <div class="shopprice">
                               <ul class="active1">
                                   <li class="li1">售价：</li>
                                   <li class="li2"><span>￥</span>179.0</li>
                               </ul>
                               <ul class="active2">
                                   <li class="li1">促销:</li>
                                   <li class="li2">全场满98减8 满198减18</li>
                               </ul>
                               <ul class="active3">
                                   <li class="li1">服务</li>
                                   <li class="li2">48小时快速退款</li>
                                   <li class="li3">365天贴心服务</li>
                               </ul>
                           </div>
                            <div class="shoprule">
                                <div class="message">
                                    <div class="moren">默认：</div>
                                    <div class="mr">默认</div>
                                </div>
                                <div class="gw_number">
                                    <div class="shuliang">
                                        数量：
                                    </div>
                                    <div id="number">
                                        <span id="jian">-</span>
                                        <span id="val">1</span>
                                        <span id="jia">+</span>
                                    </div>
                                    <div class="sheng">
                                        (剩余100件)
                                    </div>
                                </div>
                                <div class="gouwu">
                                    <button id="shop_this">立即购买</button>
                                     <button id="add_this">加入购物袋</button>
                                     <dl>
                                         <dt><a href="#"><img src="../images/xingxing.png" alt=""></a></dt>
                                         <dd><a href="#">收藏</a></dd>
                                     </dl>
                                     <dl>
                                        <dt><a href="#"><img src="../images/fenxiang.png" alt=""></a></dt>
                                        <dd><a href="#">分享</a></dd>
                                    </dl>
                                </div>
                            </div>
                     </div>
            </div>
            <div class="snow">
                <div class="zuo">
                    
                </div>
                <div class="you">

                </div>
            </div>
    </div>


    <footer></footer>
        <script src="/lib/requirejs/require.js" data-main="/js/detail.js"></script>
</body>
</html>